@charset "utf-8";
@import "common/reset";
@import "common/common";

.web{
    main{
       .guanyu_bg{
           background-color: #195381;
       } 
       .jianjie_bg{
           padding-bottom: 67px;
           .jianjie_text{
               padding-top: 90px;
               display: inline-block;
               font-size: 14px;
               max-width: 650px;
               p:nth-of-type(1){
                   font-size: 36px;
                   padding-bottom: 35px;
               }
               p:nth-of-type(2){
                   font-size: 21px;
                   padding-bottom: 30px;
               }
               p:nth-of-type(3),:nth-of-type(4){
                   text-indent: 2em;
                   padding-bottom: 30px;
                   line-height: 30px;
               }
               
           }
           .jianjie_img{
               padding-top: 272px;
               img{
                   margin: 0 auto;
               }
           }
       }
       
       .rencaizhaopin_bg{
           background-color: #8cc11f;
           padding-top: 115px;
           padding-bottom: 82px;
           .zhaopin_title{
               color: #FFFFFF;
                   font-size: 36px;
                   margin-bottom: 60px; 
           }
           .zhaopin_text{
               color: #FFFFFF;
                font-size: 16px;
                max-width: 665px;
                p{
                    padding-bottom: 24px;
                }
           }
           .zhaopin_hr{
               color: #FFFFFF;
               
               p:nth-of-type(1){
                   font-size: 16px;
                   margin-bottom: 17px;
               }
               p:nth-of-type(2){
                   font-size: 24px;
                   color: #8cc11f;
                   background-color: #FFFFFF;
                   padding: 15px;
                   text-align: center;
                   max-width: 220px;
                   border-radius: 10px;
                   margin-bottom: 17px;
               }
               p:nth-of-type(3){
                   font-size: 16px;
               }
               
           }
       }
       .zhaopin_info_bg{
           padding-top: 122px;
           
           .info_title{
              color: #8cc11f;
              font-size: 26px;
              margin-bottom: 40px;
           }
           .zhaopin_info{
               border-bottom:  1px solid #d2d2d2;
               padding-bottom: 46px;
               margin-bottom: 70px;
               dl{
                   dt{
                   font-size: 18px;
                   margin-bottom: 17px;
                   }
                   dd{
                       font-size: 14px;
                       margin-bottom: 20px;
                   }
               }
           }
           .zhaopin_info:last-of-type{
               border-bottom: 0px;
           }
       }
       .lianxi_bg{
           background-color: #f4f4f4;
           padding-top: 45px;
           padding-bottom: 40px;
           .lianxi_title{
               font-weight: bold;
               font-size: 36px;
               padding-bottom: 40px;
           }
           .lianxi_info{
               background-color: #FFFFFF;
               padding: 10px 20px;
               border: 1px solid #e3e3e3;
               margin-bottom: 20px;
               .lianxi_img{
                   display: inline-block;
                   vertical-align: middle;
                   
               }
               .lianxi_text{
                   display: inline-block;
                   font-size: 16px;
                   line-height: 16px;
                   padding-left: 10px;
               }
           }
       }
    }
    
}

@media (max-width: 768px){
    .web main .jianjie_bg .jianjie_img{
        padding-top: 0;
    }
    
    
    .web main .jianjie_bg .jianjie_text{
        padding-top: 30px;
    }
    .web main .rencaizhaopin_bg{
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .web main .zhaopin_info_bg{
        padding-top: 30px;
    }
    .web main .zhaopin_info_bg .zhaopin_info{
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .web main .lianxi_bg{
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .web main .lianxi_bg .lianxi_title{
        padding-bottom: 10px;
    }
    
}
@media (max-width: 375px){
    .web main .lianxi_bg .lianxi_info .lianxi_text{
       max-width: 230px; 
    }
}
